<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>

		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>用户充值</title>

		<link rel="stylesheet" href="Style.css" type="text/css" media="all" />

	</head>

	<body>

		<!-- 1.工具栏-->
		<div id="toolbar">
			<div id ="div_1">
				<!-- 欢迎语-->
				<div id="d1_welcom">
					<span >欢迎来第五元素购物商城!</span>
				</div>
				<!-- 功能按钮-->
				<div id="d1_login">
					<ul>
						<li>
							<a href="login.html">[登录]</a>
						</li>
						<li>
							<img src = "images/welcom_1.gif" alt="" />
						</li>
						<li>
							<a href="register.html">[免费注册]</a>
						</li>
						<li>
							<img src = "images/welcom_1.gif" alt="" />
						</li>
						<li>
							<a href="">我的订单</a>
						</li>
						<li>
							<img src = "images/welcom_1.gif" alt="" />
						</li>
						<li>
							<a href="">购物车0件</a>
						</li>
					</ul>
				</div>

			</div>

		</div>

		<!-- 2.图片 -->
		<div id="div_2">

			<img src = "images/img.gif" alt="" />

		</div>

		<div id="div_3">
			<div id="d3_logo">
				<img src = "images/logo.jpg" alt="" />
			</div>

			<div id="d3_find">
				<ul id="d3_ul1">
					<li>
						<input type="text" name="输入" >
					</li>
					<li>
						<a href="">搜索</a>
					</li>
				</ul>
				<ul id="d3_ul2">
					<li>
						<a href="">电脑数码</a>
					</li>
					<li>
						<a href="">家电通讯</a>
					</li>
					<li>
						<a href="">佳人名仕</a>
					</li>
					<li>
						<a href="">食品母婴</a>
					</li>
					<li>
						<a href="">生活专区</a>
					</li>
					<li>
						<a href="">图书音像</a>
					</li>

				</ul>
			</div>

		</div>

		<!--4.导航-->
		<div id="div_4">
			<div id="d4_ng">
				<ul>
					<li>
						<a href="">商品分类</a>
					</li>
					<li>
						<a href="Index.html">首页</a>
					</li>
					<li>
						<a href="">论坛</a>
					</li>
					<li>
						<a href="">留言板</a>
					</li>
					<li>
						<a href="">团购</a>
					</li>
					<li>
						<a href="">在线游戏</a>
					</li>
				</ul>
			</div>
		</div>
<!--5.中间代码部分-->
		<div id="center">
		    <div class="5logo">
		    	<img id="logogo" src="images/5logo.gif"/>
				<img id="wordsp" src="images/words.gif"/>
		    </div>
			<div class="welcome">
				${姓名}，您好，欢迎来到五折商城充值专区，您的余额还有${余额}。
			</div>
			
		    <div class="amount">
		    	<img id="1im" src="images/amount.gif"/>
				<input id="text1" type="text" name="amount" >
		    </div>
			<div class="password">
				<img src="images/password.gif"/>
				<input id="password1" type="text" name="password"/>
			</div>
			<div class="confirmAndCancel">
				<a href="success.jsp"><img id="confirm" src="images/confirm.gif" /></a>
				<a href="shouye.jsp"><img id="cancel" src="images/cancel.gif"/></a>
			</div>
			<div class="coins">
				<img src="images/coins.gif"/>
			</div>
		</div>
<!--6.底部代码-->
		<div id="Footer">
			<p>第五元素制作</p>
    		<p>制作交流QQ群:259772627</p>
		</div>

	</body>

</html>
    